.container{
  position: relative;
  .van-hairline--bottom:after {
    border-bottom-width: 0px;
  }
  .van-nav-bar__title{
    color:#fff !important;
  }
  .van-icon-arrow-left{
    color:#fff !important;
  }

  .topbg{
    position: absolute;
    top:0rpx;
    left:0;
    width:750rpx;
    height: 799rpx;
    z-index:-1;
  }
  .tabbar{
    display: flex;
    justify-content: space-around;
    .item{
      padding-top:32rpx;
      padding-bottom:12rpx;
      font-size: 28rpx;
      font-family: PingFang SC;
      font-weight: 400;
      line-height: 42rpx;
      color: #FFFFFF;
      opacity: 0.8;
    }
    .active{
      font-size: 30rpx;
      font-family: PingFang SC;
      font-weight: bold;
      line-height: 42rpx;
      color: #FFFFFF;
    }  
  }

  .content{
    .content-123{
      .region{
        width:48rpx;
        height:33rpx;
        padding:29rpx 30rpx 29rpx 54rpx;
        font-size: 24rpx;
        font-family: PingFang SC;
        font-weight: 400;
        color: #FFFFFF;
        position: relative;
        .icon{
          position: absolute;
          top:40rpx;
          right:0;
          width: 16rpx;
          height: 9rpx;
        }
        .region-list{
          position: absolute;
          top:70rpx;
          left:54rpx;
          .region-item{
            height:40rpx;
          }
        }
      }
      .c123{
        margin-top:216rpx;
        height:256rpx;
        background-color: #fff;
        border-radius: 25rpx 25rpx 0rpx 0rpx;
        position: relative;
        .c123_1,.c123_2,.c123_3{
          .address,.name,.num{
            position: relative;
            z-index:3;
            font-size: 28rpx;
            font-family: PingFang SC;
            font-weight: 400;
            line-height: 40rpx;
            text-align: center;
            color: #262628;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
          }
          .img{
            .headimg{
              position: absolute;
              top:0;
              left:0;
              width:128rpx;
              height:128rpx;
              border-radius: 50%;
            }
          }
          .num{
            position: absolute;
            bottom:-50rpx;
            left:50%;
            margin-left:-70rpx;
            width:140rpx;
            font-size: 32rpx;
            font-family: PingFang SC;
            font-weight: bold;
            line-height: 45rpx;
            color: #262628;
            text-align: center;
          }
        }
        .c123_1{
          padding-top:130rpx;
          position: absolute;
          top:-63rpx;
          left:50%;
          margin-left:-181rpx;
          width:361rpx;
          height: 102rpx;
          border-radius: 25rpx 25rpx 0 0;
          .sort1bg{
            position: absolute;
            top:0;
            left:0;
            width:361rpx;
            height: 232rpx;
            z-index:0;

          }
          .img{
            position: absolute;
            top:-97rpx;
            left:50%;
            margin-left:-97rpx;
            width:175rpx;
            height:175rpx;
            border-radius: 50%;
            background-color: rgb(44, 16, 16);
            border:10rpx solid #FED530;    
            .headimg{
              width:175rpx;
              height:175rpx;
            }  
            .sorticon{
              width:87rpx;
              height:84rpx;
              position: absolute;
              top:-61rpx;
              left:4rpx;

            }

          }
        }
        .c123_2,.c123_3{
          padding-top:67rpx;
          position: absolute;
          top:0;
          left:0;
          width:195rpx;
          height:102rpx;
          .img{
            position: absolute;
            top:-104rpx;
            left:50%;
            margin-left:-64rpx;
            width:128rpx;
            height:128rpx;
            border-radius: 50%;
            background-color: rgb(44, 16, 16);
            border:6rpx solid #D0D0D0;
            .sorticon{
              width:65rpx;
              height:63rpx;
              position: absolute;
              top:-47rpx;
              left:3rpx;

            }

          }
        }
        .c123_3{
          left:556rpx;
          .img{
            border:6rpx solid #CA9561;
          }
        }


      }
      .greenline{
        width:632rpx;
        margin:0 auto;
        border-bottom:2rpx dashed #4CDED7;
      }
    }
    .content-list{
      overflow: hidden;
      background-color: #fff;
      padding-top:20rpx;
      .item{
        width:630rpx;
        height:140rpx;
        margin:0 auto;
        border-bottom: 2rpx solid #EFEFEF;
        display: flex;
        justify-content: space-between;
        .left{
          display: flex;
          justify-content: start;
        }
        .item-sort{
          font-size: 28rpx;
          font-family: PingFang SC;
          font-weight: 400;
          line-height: 140rpx;
          color: #262628;
        }
        .item-img{
          width:80rpx;
          height:80rpx;
          margin:30rpx 22rpx 30rpx 27rpx;
        }
        .item-title{
          font-size: 28rpx;
          font-family: PingFang SC;
          font-weight: 400;
          line-height: 140rpx;
          color: #262628;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          overflow: hidden;
        }
        .item-count{
          font-size: 28rpx;
          font-family: Arial;
          font-weight: bold;
          line-height: 140rpx;
          color: #262628;
        }
      }
    }


  }




}